<template>
  <div>
    <!-- 头部 -->
    <v-top></v-top>
    <v-banner></v-banner>
    <div class="load">
      <div class="max">
        <ul>
          <li>位置</li>
          <li @click="go('/')">首页</li>
          <li @click="go('/newList')">列表</li>
          <li>
            新闻列表
          </li>
        </ul>
      </div>
    </div>
    <div class="topTitle max">
      佛山市禅城区城市管理和综合执法局东平河北岸核心带艺术碧道项目
    </div>
    <div class="topTitle max">
      佛山市禅城区城市管理和综合执法局东平河北岸核心带艺术碧道项目
    </div>
    <div class="topTitle max">
      佛山市禅城区城市管理和综合执法局东平河北岸核心带艺术碧道项目
    </div>

    <!-- 底部 -->
    <v-footer></v-footer>
  </div>
</template>

<script>
import footer from "@/components/foot";
import top from "@/components/top";
import banner from "@/components/banner";
import { defineComponent, reactive, toRefs } from "vue";

export default defineComponent({
  components: {
    "v-footer": footer,
    "v-top": top,
    "v-banner": banner,
  },

  mounted() {},

  setup() {
    const state = reactive({});

    function go(path) {
      this.$router.push({
        path: path,
        query: {
          // id: id
        },
      });
    }

    return {
      ...toRefs(state),
      go,
    };
  },
});
</script>

<style scoped></style>
